<template>
  <div class="index">
    <!-- 第一种方法插值语法 -->
    <h2>{{ school }}</h2>
    <!-- 第二种方法指令绑定v-bing复杂的写法 -->
    <a v-bind:href="url">去4399</a>
    <!-- 第二种方法指令绑定v-bing简单的写法 -->
    <a :href="url">去大投资</a>
  </div>  
</template>

<script>
export default {
  name: "Index",
  // 准备初始化的数据
  data() {
    return {
      school: "北京大学",
      url: "https://www.4399.com/",
    };
  },
};
</script>

<style scoped>
.index {
  padding: 20px;
  background-image: linear-gradient(0deg, #fddb92 0%, #d1fdff 100%);
  box-shadow: 0 0 10px #d1fdff;
  border-radius: 20px;
  margin-top: 10px;
}
</style>